.title{
	background-color: #0097FF;
	font-size: 5vw;
	color: #fff;
	padding: 2vw 0vw;
	text-align: center;
}

.shop-info{
	text-align: center;
	padding: 2vw 0vw;
}

.shop-info > img{
	width: 30vw;
}

.shop-info > h2{
	color: #000;
}


.shop-info > p{
	color: #666;
	font-size: 4vw;
	margin-top: 1vw;
}

.list{
	display: flex;
	font-size: 4vw;
}

.list > .list-type {
	flex:1;
	background-color: #F2F2F2;
	color: #555;
	
}

 

.list > .list-type li{
	  text-align: center;
	  padding: 2vw 0vw;
	  border-bottom: #ddd solid 1px;
}

.list > .list-type li.active{
	background-color: #DDDDDD;
	border-right: red solid 1vw;
}

.list > .list-item {
	flex:3;
}


.list-item li{
	display: flex;
	padding: 1vw;
	justify-content: space-between;
	align-items: center;
	border-bottom: #DDDDDD solid 1px;
}

.list-item li:last-child{
	border-bottom:none ;
}

.list-item li .summary{
    display: flex;
	flex: 1;
}

.list-item li .summary img{
	height: 20vw;
	margin-right: 2vw;
}

.list-item li .summary .info{
    display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #555555;
}


.list-item li .summary p{
	color: #888888;
	font-size: 3.6vw;
}


.list-item .operation{
	display: flex;
}

.list-item .operation > input{
	outline: none;
	border: none;
	width: 6vw;
	height: 6vw;
	box-sizing: border-box;
	margin: 0vw 1vw;
	text-align: center;
	line-height: 6vw;
	color: #000000;
	font-size: 3.8vw;
	border: #666666 solid 1px;
}

.list-item .operation > p{
	border-radius: 50%;
	width: 6vw;
	height: 6vw;
	line-height: 6vw;
	font-size: 3.8vw;
	text-align: center;
	box-sizing: border-box;
	outline: none;
	color: #fff;
}

.list-item .operation > .minus{
    background-color:#999
}

.list-item .operation > .plus{
    background-color:#0097EF
}


.car{
	display: flex;
	height: 14vw;
	background-color: #505051;
	position: fixed;
	bottom: 8vw;
	left: 0px;
	right: 0px;
}


.car .count{
	position: relative;
	height: 10vw;
	width: 10vw;
	border-radius:50%;
	border: #444444 solid 1.4vw;
	text-align: center;
	line-height: 10vw;
	background-color: #3190E8;
	bottom: 2vw;
	left: 2vw;
	color: #fff;
	font-size: 6vw;
}

.car span{
	position: absolute;
	color: #f00;
	font-size: 4vw;
	color: #fff;
	background-color: #f00;
	width: 4vw;
	height: 4vw;
	line-height: 4vw;
	border-radius: 50%;
	padding: 1vw;
	top: -2vw;
}


.car .summary{
	flex: 2;
	padding: 1vw 0vw 1vw 6vw;
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: #fff;
}


.car .summary .price{
    font-size: 5vw;
	font-weight: bolder;
}

.car .summary .note{
	color:#aaa;
	font-size: 3.8vw;
}


.car .buy{
	flex: 1;
	color: #fff;
	font-size: 6vw;
	text-align: center;
	line-height: 14vw;
	font-weight: bolder;
	background-color: #38CA73;
}


 